﻿//VARIABLES CREAR
var $divCrearPropiedad;
var idformCrearPropiedad;

$(document).ready(function () {
    CreateActions();
    PopUpRender();

    $('#btnDeletePropiedad').click(function () { loadingDivPopUp() });
});



/***********************************************
Create
***********************************************/
function CreateActions() {
    //ASIGNACION DE VALORES A VARIABLES GLOBALES
    $divCrearPropiedad = $('#divCreatePropiedad');
    idformCrearPropiedad = '#formCreatePropiedad';

    //ABRIR POPUP
    $('#btnCreatePropiedad').click(function () {
        openModal(urlCreatePropiedad, $divCrearPropiedad, refrescarLoadCreatePopUp, errorMessage);
        return false
    });

    //ACCIONES POPUP
    $('#btnCancelarPropiedad').click(function () {
        $divCrearPropiedad.dialog('close');
    });
    $('#btnGuardarPropiedad').click(function () {
        submitForm(idformCrearPropiedad, $divCrearPropiedad, refrescarGridCrear);
        return false;
    });
}

function getCiudad() {
    //loadingDivPopUp();
    $("#IdCiudad").html('');
    $("#IdComuna").html('');
    var regionValue = $('#IdRegion').val()
    if (regionValue == "") {
        $("#IdCiudad").append($("<option></option>").text('-- Seleccionar --').val(''));
        $('#IdCiudad').val("");
        $("#IdComuna").append($("<option></option>").text('-- Seleccionar --').val(''));
        $('#IdComuna').val("");
        //loadingDivPopUpHide();
    }
    else {
        $.ajax({
            type: 'post',
            dataType: 'json',
            url: urlGetCiudadByRegion,
            data: { idRegion: regionValue },
            error: function () { /*loadingDivPopUpHide();*/showInfo(errorMessage); },
            success: function (result) {
                //loadingDivPopUpHide();
                if (result.Ok == true) {
                    $("#IdCiudad").append($("<option></option>").text('-- Seleccionar --').val(''));
                    $.each(result.Data, function () {
                        $("#IdCiudad").append(
                            $("<option></option>").text(this.nombre_Ciudad).val(this.pk_Ciudad)
                        );
                    });
                    $("#IdComuna").append($("<option></option>").text('-- Seleccionar --').val(''));
                    $('#IdComuna').val("");
                }
                else {
                    $("#IdCiudad").append($("<option></option>").text('-- Seleccionar --').val(''));
                    showInfo(result.ErrorMessage);
                }
            }
        });
    }
}

function getComuna() {
    $('#IdComuna').html('');
    var ciudadValue = $('#IdCiudad').val();
    if (ciudadValue == "") {
        $("#IdComuna").append($("<option></option>").text('-- Seleccionar --').val(''));
        $('#IdComuna').val("");
    }
    else {
        $.ajax({
            type: 'post',
            dataType: 'json',
            url: urlGetComunaByCiudad,
            data: { idCiudad: ciudadValue },
            error: function () { showInfo(errorMessage); },
            success: function (result) {
                //loadingDivPopUpHide();
                if (result.Ok == true) {
                    $("#IdComuna").append($("<option></option>").text('-- Seleccionar --').val(''));
                    $.each(result.Data, function () {
                        $("#IdComuna").append(
                        $("<option></option>").text(this.nombre_Comuna).val(this.pk_Comuna)
                    );
                    });
                }
                else {
                    $("#IdComuna").append($("<option></option>").text('-- Seleccionar --').val(''));
                    showInfo(result.ErrorMessage);
                }
            }
        });
    }
}

//SE DEBE DESENCADENAR ESTE METODO AL DAR ACEPTAR AL POPUP CREAR PARA REFRESCAR LA GRILLA
function refrescarGridCrear(data, textStatus) {
    loadingDivPopUpHide();
    if (data.Ok) {
        //BuscarCiudadGrid(getCookie('actualPageIndex'));
        $divCrearPropiedad.dialog('close');
    }
    else {
        $('#divCreatePropiedad').dialog("option", "height", 600);
        putContentHtmlDivPopup($divCrearPropiedad, data.RenderedView);
        if (data.IsModelValid) {
            showInfo(data.ErrorMessage);
        }
        bindClientValidation(idformCrearPropiedad);
    }
}

function refrescarLoadCreatePopUp(data, textStatus) {
    putContentHtmlDivPopup($divCrearPropiedad, data);
    bindClientValidation(idformCrearPropiedad);
    loadingDivPopUpHide();
}

function OnChangeTipoPropiedad() {
    var tblCasa = $('#tblCasa');
    var tblDepartamento = $('#tblDepartamento');
    var tblOficina = $('#tblOficina');
    var tblTerreno = $('#tblTerreno');

    switch ($('#IdTipoPropiedad').val()) {
        case '1':
            $('#divCreatePropiedad').dialog("option", "height", 1000);
            tblCasa.show();
            tblDepartamento.hide();
            tblOficina.hide();
            tblTerreno.hide();
            break;
        case '2':
            $('#divCreatePropiedad').dialog("option", "height", 980);
            tblCasa.hide();
            tblDepartamento.show();
            tblOficina.hide();
            tblTerreno.hide();
            break;
        case '3':
            $('#divCreatePropiedad').dialog("option", "height", 730);
            tblCasa.hide();
            tblDepartamento.hide();
            tblOficina.show();
            tblTerreno.hide();
            break;
        case '4':
            $('#divCreatePropiedad').dialog("option", "height", 680);
            tblCasa.hide();
            tblDepartamento.hide();
            tblOficina.hide();
            tblTerreno.show();
            break;
        default:
            $('#divCreatePropiedad').dialog("option", "height", 600);
            tblCasa.hide();
            tblDepartamento.hide();
            tblOficina.hide();
            tblTerreno.hide();
            break;
    }
}

function ImagesActionPortada() {
    $('#NombreImagenPortada').trigger('click');
    $("#NombreImagenPortada").change(function () {
        readURL(this, 'imgNombreImagenPortada');
    });
}

function Images2Action() {
    $('#NombreImagen2').trigger('click');
    $("#NombreImagen2").change(function () {
        readURL(this, 'imgNombreImagen2');
    });
}
function Images3Action() {
    $('#NombreImagen3').trigger('click');
    $("#NombreImagen3").change(function () {
        readURL(this, 'imgNombreImagen3');
    });
}
function Images4Action() {
    $('#NombreImagen4').trigger('click');
    $("#NombreImagen4").change(function () {
        readURL(this, 'imgNombreImagen4');
    });
}
function Images5Action() {
    $('#NombreImagen5').trigger('click');
    $("#NombreImagen5").change(function () {
        readURL(this, 'imgNombreImagen5');
    });
}
/***********************************************
FIN CREATE
***********************************************/

function PopUpRender() {
    $divCrearPropiedad.dialog({
        width: 600,
        height: 600,
        autoOpen: false,
        modal: true,
        resizable: true,
        closeOnEscape: true
    });
}